<!DOCTYPE html>
<html>
<head>
    <title>Content Management</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- jQuery -->
    <script src="//cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>

    <!-- Twitter Bootstrap -->

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <!--<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->

    <!-- Material Design for Bootstrap -->
    <script src="//cdn.bootcss.com/bootstrap-material-design/0.3.0/js/material.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap-material-design/0.3.0/js/ripples.min.js"></script>
 
</head>
<body>
  
  <h1><span class="label label-default"><%= word %></span></h1>
  <a href="./word?next=<%= word%>">下一个</a>

  <div class="container-fluid">
    <div class="row" id="content">

        <div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1">
            <div class="card">
              <table class="table table-striped">
                <col width="10%"><col width="10%"><col width="80%">

                <thead>
                  <tr>
                    <th>电影</th>
                    <th>开始时间</th>
                    <th>内容</th>
                  </tr>
                </thead>
                <tbody>
                  <% for(var i=0; i<subs.length; i++) { var aSub = subs[i]; var start = aSub.start; var endTime = aSub.end; var text = aSub.text; var movie = aSub.movie; var videoUrl = "./movie?movie=" + movie + "&start=" + start  + "&end=" + endTime + "&text=" + text + "&word=" + word%>
                    <tr>
                      <td><%= movie %></td>
                      <td><%= start %></td>
                      <td><a target="_blank" href="<%= videoUrl %>" style="word-wrap:break-word;"><%= text %></a></td>
                    </tr>
                  <% } %>
                </tbody>
              </table>
            </div>
        </div>
    </div>
</div>


</body>


</html>
